////借阅数字定时器
var h= window.screen.height,
    w=window.screen.width;
var borrow_timer=null,options= {
    useEasing : true,
    useGrouping : true,
    separator : ',',
    decimal : '.',
    prefix : '',
    suffix : ''
},demo_Num1,demo_Num2,demo_Num3;
function borrow_Move(){
    clearTimeout(borrow_timer);
    demo_Num1 = new CountUp("myTargetElement",0,124,0,2,options);
    demo_Num1.start();
    demo_Num2= new CountUp("myTargetElement2",0,2531,0,2,options);
    demo_Num2.start();
    demo_Num3 = new CountUp("myTargetElement3",0,45632865,0,2,options);
    demo_Num3.start();
    borrow_timer=setTimeout('borrow_Move()',10000);
}
///借阅数字定时器结束
////折线图数据统计
var chart_timer=null,chart_resize=true;
var myChart = echarts.init(document.getElementById('main3'));
var option = {
    title : {
        //x:'center',
        //y:'top',
        //show:true,
        //text: '借出还入曲线图',
        ////subtext: '纯属虚构'
        textStyle: {
            fontSize: 16,
            //fontWeight: 'bolder',
            color: '#41a5ad'          // 主标题文字颜色
        },
        padding: [0,0,80,10],
    },
    tooltip : {
        trigger: 'axis',
        show:false
    },
    color:['#61cb5f','#e9a10e'],///这个数组是设置对应的图例的颜色
    legend: {
        right:30/1920*w+"px",////图例整体组件离右边的距离
        //x: 'right',
        y: 'top',
        //padding: [0,0,250,0],
        orient:"horizontal",
        itemWidth:20,///设置图例组件整体的宽度
        itemHeight:8,////设置图例组件整体的高度
        data:[
            {name: '借出',
                textStyle:{color:"#91a1ba",fontSize:18},
                backgroundColor: '#60c960'
            },
            {name:'还入',
                textStyle:{color:"#91a1ba",fontSize:18},
                backgroundColor: '#c97d1f'
            }
        ],
        selected: {
            '借出' : true,
            '还入' : true
        },

    },
    toolbox: {
        show : false,
        feature : {
            mark : {show: true},
            dataView : {show: true, readOnly: false},
            magicType : {show: true, type: ['line', 'bar']},
            restore : {show: true},
            saveAsImage : {show: true}
        }
    },
    calculable : false,
    //xAxis : [
    //    {
    //        type : 'category',
    //        axisTick: {///去除刻度线
    //            show: false
    //        },
    //        axisLine: {///坐标轴的颜色
    //            lineStyle: {color: '#1d5564'}
    //        },
    //        boundaryGap : false,
    //        data : ['8:00','9:00','10:00','11:00','12:00','13:00','14:00'],
    //        splitLine:{
    //            show: true,//显示网格线
    //            lineStyle:{
    //                color: ['#1d5564'],//网格的颜色
    //                width: 1,
    //                type: 'solid'
    //            }
    //        },
    //        axisLabel:{
    //            interval: 0,////当x轴数据过多时候，echart默认是把中间的数据隐藏掉，此属性是用来设置完全显示不用隐藏
    //            textStyle:{
    //                color:"#91a1ba",
    //                align : 'left',
    //                fontSize: 18
    //
    //            }
    //        }
    //    }
    //],
    xAxis : [
        {
            type : 'category',
            boundaryGap:true,
            axisLine:{
                lineStyle:{
                    color: '#1d5564',
                    width: 1
                },
                onZero:true
            },
            splitLine:{
                show:true,
                lineStyle:{
                    color: '#1d5564'
                },
            },
            axisLabel:{
                interval:0,
                textStyle: {
                    color:"#91a1ba",
                    fontSize:18
                }
            },
            data : ['8:00','9:00','10:00','11:00','12:00','13:00','14:00'],        }
    ],
    yAxis : [
        {
            type : 'value',
            axisTick: {//去除刻度线
                show: false
            },
            axisLine: {///坐标轴的颜色
                lineStyle: {color: '#1d5564'}
            },
            data : [0,100,200,300,400,500,600],
            splitLine:{
                show: true,//去除网格线
                lineStyle:{
                    color: ['#1d5564'],
                    width: 1,
                    type: 'solid'
                }
            },
            axisLabel:{
                textStyle:{
                    color:"#91a1ba",
                    //align : 'left',
                    fontSize: 18
                }
            }
        }
    ],
    grid:{
        //x:'6%',
        //y:'6%',
        //x2:'5%',
        //y2:'6%'
        x:60/1920*w+"px",
        y:30/1080*w+"px",
        x2:20/1920*w+"px",
        y2:50/1080*w+"px"

    },
    series : [
        {
            name:'借出',
            type:'line',
            barWidth :4,
            data:[123,242,463,575,325,400,101,233,334,440,311,212,113,214,415,216,317,518,219,420],
            symbol: "circle",///设置折线拐点事实心圆，不是空心圆
            symbolSize: 9,//拐点大小
            smooth:true,///设置拐点线条比较平滑
            itemStyle : {
                fontSize:1.625/1080*h+"px",
                normal : {
                    label : {show: true},//设置显示每个拐点的数据
                    color:'#60c960',//设置折线拐点的颜色
                    //borderColor: "blue" , // 设置折线拐点边框的颜色，
                    lineStyle:{
                        color:'#60c960',///设置折线颜色
                    }

                }
            }
        },
        {
            name:'还入',
            type:'line',
            barWidth :4,
            data:[242,334,163,375,425,299,401,233,134,140,211,312,113,514,215,316,417,518,119,220],
            symbol: "circle",
            symbolSize: 9,//拐点大小
            smooth:true,///设置拐点线条比较平滑
            itemStyle : {
                normal : {
                    label : {show: true},
                    color:'#c97d1f',//设置折线点的颜色
                    //borderColor: "blue" , // 设置折线拐点边框的颜色，
                    lineStyle:{
                        color:'#c97d1f'///设置折线颜色
                    }
                }
            }
        }
    ],
    borderColor:'#215563',
};
//var option = {
//    title : {
//        text: '借出、还入曲线图',
//        textStyle:{
//            color: '#8fa1ba'
//        }
//    },
//    tooltip : {
//        trigger: 'axis'
//    },
//    legend: {
//        data:['借出','还入'],
//        x:'right',
//        textStyle:{
//            color: '#98a8c2',
//            fontSize:14
//        }
//    },
//    grid:{
//        x:40,
//        x2:15,
//        y:45
//    },
//    color:['#62ca5f','#e8a20d'],
//    calculable : true,
//    xAxis : [
//        {
//            type : 'category',
//            boundaryGap:true,
//            axisLine:{
//                lineStyle:{
//                    color: '#404155',
//                    width: 1
//                },
//                onZero:true
//            },
//            splitLine:{
//                show:true,
//                lineStyle:{
//                    color: '#404155'
//                },
//            },
//            axisLabel:{
//                interval:0,
//                textStyle: {
//                    color:'#98a8c2'
//                }
//            },
//            data : ['8:00','9:00','10:00','11:00','12:00','13:00','14:00'],
//        }
//    ],
//    yAxis : [
//        {
//            type : 'value',
//            axisLine:{
//                lineStyle:{
//                    color: '#404155',
//                    width: 1
//                }
//            },
//            boundaryGap:true,
//            splitLine:{
//                lineStyle:{
//                    color: '#404155'
//                }
//            },
//            axisLabel : {
//                show:true,
//                formatter: '{value}',
//                textStyle: {
//                    color:'#98a8c2'
//                }
//            }
//        }
//    ],
//    series : [
//        {
//            name:'借出',
//            type:'line',
//            symbolSize : 8,
//            smooth: true,
//            label: {
//                normal: {
//                    show: true,
//                    position:  'left',
//                }
//            },
//            animationDelay: function (idx) {
//                return idx * 10 + 100;
//            },
//            itemStyle:{
//                normal:{
//                    lineStyle:{
//                        type: 'solid'
//                    }
//                }
//            },
//            /*markLine : {
//             itemStyle:{
//             normal:{
//             lineStyle:{
//             type: 'dashed'
//             }
//             }
//             },
//             data : [
//             // [0,{type : 'min'}]
//             ]
//             },*/
//            data : [123,456,124,563,458,365,562]
//        },
//        {
//            name:'还入',
//            type:'line',
//            label: {
//                normal: {
//                    show: true,
//                    position: 'right',//'insideBottomRight'[5, 10]
//                }
//            },
//            itemStyle:{
//                normal:{
//                    lineStyle:{
//                        type: 'solid'
//                    }
//                }
//            },
//            /* markLine : {
//             itemStyle:{
//             normal:{
//             lineStyle:{
//             type: 'dashed'
//             }
//             }
//             },
//             data : [
//             []
//             ]
//             },*/
//            symbolSize : 8,
//            smooth: true,
//            animationDelay: function (idx) {
//                return idx * 10;
//            },
//            data : [245,186,104,208,147,344,523]
//        }
//    ],
//    animationEasing: 'elasticOut',
//    animationDelayUpdate: function (idx) {
//        return idx * 5;
//    }
//};

function mychart(){
    clearTimeout(chart_timer);
    myChart.clear();
    myChart.setOption(option);
    if(window.screen.width!=1920){
        if(chart_resize){
            myChart.resize();
            chart_resize=false;
        }
    }
    chart_timer=setTimeout('mychart()',8000);
}

$(function(){
    mychart();
    borrow_Move();////借阅的数字变化

});